import React from 'react'
/* class ChildComponent extends React.Component{
    render(){
        return (
            <div>
                这是子组件数据
            </div>
        )
    }
} */

//无状态组件只负责渲染UI无业务逻辑操作
function ChildComponent (props) {
    return (
        <div>
            <p>---------这是无状态的子组件数据，只渲染UI不操作数据--------</p>
            {
                props.dataList.map((item, index) => {
                    return (
                        <div key={index}>
                            <p>{item.name}-{item.age}-{index}</p>
                        </div>
                    )
                })
            }
        </div>
    )
}
export default ChildComponent